﻿body 
{
    margin: 0px;  
    padding: 0px;
    font-family: Calibri, Verdana, Arial, sans-serif;   
    background: #FFFFFF url("~/../images/page_background.png") repeat-x;  
}

h3
{
    padding: 0px 0px 0px 5px;     
}

a
{
    text-decoration: none;
}

a:link
{
	color: #000000;
}

a:visited
{
	color: #000000;
}
a:hover
{
	color: #D6222B;
}

a:active
{
	color: #D6222B;
}

.container 
{
    width: 100%;
}


/* Topbar --------------------------------------*/

#topbar
{
    background: #D6222B;
    color: White;
    text-align: center;
    height: 40px;
    position: fixed;
    top: 0;
    width: 100%;
    border-bottom: 2px solid #000;
    border-top: 2px solid #000;
    z-index: 1;
}

#topbarContainer
{
    width:760px;
    height:100%; 
    margin: 0px auto;

}

#topbarLogo
{
    width:248px;
    height:100%; 
    float:left;  
    border-left: 2px solid #000;
}

#topbarLogo a
{
    color:#fff;
    font-size:30px;
    font-weight:bold;
}

#topbarLogo a:hover
{
    color:#fff;
    font-size:32px;
    font-weight:bold;
}

#topbarName
{
    width:256px;
    height:100%; 
    float:left;
    border-right: 2px solid #000;
    border-left: 2px solid #000;
    line-height: 40px;
    vertical-align: middle;
    font-weight: bolder;
}

#topbarName a
{
    color: #fff;    
}

#topbarName a:hover
{
    color: #EEEEEE;           
}

#topbarNotification
{
    width:248px;
    height:100%; 
    float:left;
    border-right: 2px solid #000;
    line-height: 40px;
    vertical-align: middle;
    font-weight: bolder;
}


/* TAB MENU ------------------------------------*/
ul#menu {
    position: relative;
    left: -22px;
    margin: 0;
    text-align: left;
    width:760px;
	margin:60px auto -3px auto;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    padding: 5px 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.2em;
    background-color:#D6222B;
    color: #fff;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border: 1px solid #000;
}

ul#menu li a:hover {
    background-color: #aa090c;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}


/* Middle Section ------------------------------*/

#mainSectionContainer
{
    width:100%;  
}

#mainSection
{
    width:1160px;
    margin: 0px auto;  
}

#main
{
    width:760px;
	margin:0px auto;
	padding: 0px;
	top: 0px;
    border: 2px solid #000;
}

.mainSectionStuff
{
    width:760px;
    text-align: left;
}
.mainSectionStuff li
{
    list-style-type: none;
}

.mainSectionStuff h2
{
    width:100%;
    background: #D6222B;
    color: White;
    text-align: center;    
    margin: 0px;
    padding: 0px;
    text-transform:uppercase;
    border-bottom: 2px solid #000;  
}

.mainText
{
    margin: 20px; 
}


/* Sidebar -------------------------------------*/

#sidebar
{
    float:left;
    width: 196px;
}


#sidebar ul
{
    margin: 0px 20px 0px -40px;
}

#sidebar li
{	
	list-style-type: none;
	font-weight:bold;
}

#sidebar li a
{
	color: #000000;
	text-decoration: none;
	display: block;	
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #EEEEEE;
 }
 
#sidebar li a:hover
{ 
	background-color: #D6222B; 
	color: #FFFFFF;
	margin-bottom: -1px;
	border: 1px solid #000000;
} 

#dummy
{
    float:right;
    width: 196px;
}


/* Footer */

#footer
{
    width:760px;
	margin:20px auto 0px auto;
	text-align:center;
}


/*  Supervisor home ----------------------------*/

.courseTitle
{
    font-weight: bolder;
    font-size: larger; 
    text-transform: uppercase;
    margin-bottom: 5px;  
}

.courseText
{
    margin-bottom: 20px;    
}

/* Teacher Home --------------------------------*/
.teacherHome
{
    margin: 20px;   
}

/* Course Edit ---------------------------------*/

#teacherCourseEdit
{
    margin: 20px;
}

/* Levels Edit ---------------------------------*/

.levelsTitle
{
    font-weight: bold;
    margin-top: 20px;
}

.levelsTasks
{
    font-weight:normal;
}


/* Assignments ---------------------------------------*/

#listAssignment
{
    padding-left: 40px;
    font-size: 20px;    
}

#listAssignmentStudentName
{ 
    font-weight:bold;
}

/* Forms ---------------------------------------*/

#formCentered
{
    padding: 30px 0px;
    text-align: center;  
    font-size: 20px;  
}

.createForm
{
    margin: 20px;
}

/* Tables --------------------------------------*/

.studentProgressTable
{
    width: 500px;
    border: 1px solid #C0C0C0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;  
}

.studentProgressTable caption
{
    margin-top: 20px; 
    margin-bottom: 5px; 
    font-weight: bolder;
    font-size: larger; 
    text-transform: uppercase;
}

.scoreAbove
{
    color: #006400;
    font-size: large;
    font-weight: bold;
}

.scoreYour
{
    color: #FFA500;
    font-size: x-large;
    font-weight:bolder;
}

.scoreBelow
{
    color: #D6222B;
    font-size: large;
    font-weight: bold;
}

.levelIndicator
{
    text-align: center;
    font-size: large;
    font-weight: bolder;
    border-bottom: 1px solid #EEEEEE;
}

.myLevels
{
   color:  #FFA500;
}

.totalLevels
{
    color: Green;    
}

/* Something else ------------------------------*/

.deadlineLI
{
    margin-top: 20px;  
    font-weight: bolder;
    font-size: larger; 
    text-transform: uppercase;
}

#courseXP
{
    font-weight:bolder;    
}

/*
.onclick
{
    background-color: green; 
	color: #FFFFFF;
	margin-bottom: -1px;
	border: 1px solid #000000;
}*/
